<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台模板</title>
    <link rel="stylesheet" href="assets/css/amazeui.css"/>
    <link rel="stylesheet" href="assets/css/core.css"/>
    <link rel="stylesheet" href="assets/css/menu.css"/>
    <link rel="stylesheet" href="assets/css/index.css"/>
    <link rel="stylesheet" href="assets/css/admin.css"/>
    <link rel="stylesheet" href="assets/css/page/typography.css"/>
    <link rel="stylesheet" href="assets/css/page/form.css"/>
    <link rel="stylesheet" href="assets/css/component.css"/>
</head>
<body>
<!-- Begin page -->
<header class="am-topbar am-topbar-fixed-top">
    <div class="am-topbar-left am-hide-sm-only">
        <a href="index.html" class="logo"><span>Admin<span>to</span></span><i class="zmdi zmdi-layers"></i></a>
    </div>

    <div class="contain">
        <ul class="am-nav am-navbar-nav am-navbar-left">

            <li><h4 class="page-title">作业得分</h4></li>
        </ul>

        <ul class="am-nav am-navbar-nav am-navbar-right">
            <li class="inform"><i class="am-icon-bell-o" aria-hidden="true"></i></li>
            <li class="hidden-xs am-hide-sm-only">
                <form role="search" class="app-search">
                    <input type="text" placeholder="Search..." class="form-control">
                    <a href=""><img src="assets/img/search.png"></a>
                </form>
            </li>
        </ul>
    </div>
</header>
<!-- end page -->


<div class="admin">
    <!--<div class="am-g">-->
    <!-- ========== Left Sidebar Start ========== -->
    <!--<div class="left side-menu am-hide-sm-only am-u-md-1 am-padding-0">
        <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 548px;">
            <div class="sidebar-inner slimscrollleft" style="overflow: hidden; width: auto; height: 548px;">-->
    <!-- sidebar start -->
    <div class="admin-sidebar am-offcanvas  am-padding-0" id="admin-offcanvas">
        <div class="am-offcanvas-bar admin-offcanvas-bar">
            <!-- User -->
            <div class="user-box am-hide-sm-only">
                <div class="user-img">
                    <img src="assets/img/avatar-1.jpg" alt="user-img" title="Mat Helme"
                         class="img-circle img-thumbnail img-responsive">
                    <div class="user-status offline"><i class="am-icon-dot-circle-o" aria-hidden="true"></i></div>
                </div>
                <h5><a href="#">学生:方和煦</a></h5>
                <ul class="list-inline">
                    <li>
                        <a href="#">
                            <i class="fa fa-cog" aria-hidden="true"></i>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="text-custom">
                            <i class="fa fa-cog" aria-hidden="true"></i>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- End User -->

            <ul class="am-list admin-sidebar-list">
                <li><a href="index.html"><span class="am-icon-home"></span> 首页</a></li>
                <li class="admin-parent">
                    <a class="am-cf" data-am-collapse="{target: '#collapse-nav1'}"><span class="am-icon-table"></span>
                        作业 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
                    <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav1">
                        <li><a href="html/table_basic.html" class="am-cf"> 作业提交</span></a></li>
                        <li><a href="html/table_complete.html">分数查看</a></li>
                    </ul>
                </li>
                <li class="admin-parent">
                    <a class="am-cf" data-am-collapse="{target: '#collapse-nav2'}"><i class="am-icon-line-chart"
                                                                                      aria-hidden="true"></i> 历史作业 <span
                            class="am-icon-angle-right am-fr am-margin-right"></span></a>
                    <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav2">
                    </ul>
                </li>
                <li class="admin-parent">
                    <a class="am-cf" data-am-collapse="{target: '#collapse-nav5'}"><span class="am-icon-file"></span> 操作
                        <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
                    <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav5">
                        <li><a href="html/form_validate.html">登出系统</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- sidebar end -->

    <!--</div>
</div>
</div>-->
    <!-- ========== Left Sidebar end ========== -->


    <!--	<div class="am-g">-->
    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <div class="content-page">
        <!-- Start content -->
        <div class="content">
            <div class="am-g">
                <!-- Row start -->
                <div class="am-u-md-3" style="display:none;">
                    <div class="card-box">
                        <h4 class="header-title m-t-0 m-b-30">课时完成</h4>
                        <div class="widget-chart-1 am-cf">
                            <div id="widget-chart-box-1" style="height: 110px;width: 110px;float: left;">
                            </div>

                            <div class="widget-detail-1" style="float: right;">
                                <h2 class="p-t-10 m-b-0"> 38 </h2>
                                <p class="text-muted">课时完成</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- col end -->
                <div class="am-u-md-3">
                    <div class="card-box">
                        <h4 class="header-title m-t-0 m-b-30">课时完成</h4>
                        <div class="widget-box-2">
                            <div class="widget-detail-2">
                                <span class="badge  pull-left m-t-20  am-round"
                                      style="color: #fff; background: #0e90d2;">80% <i
                                        class="zmdi zmdi-trending-up"></i> </span>
                                <h2 class="m-b-0"> 51 </h2>
                                <p class="text-muted m-b-25">完成节数</p>
                            </div>
                            <div class="am-progress am-progress-xs am-margin-bottom-0">
                                <div class="am-progress-bar" style="width: 80%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- col end -->
                <div class="am-u-md-3" style="float: left;">
                    <div class="card-box">
                        <h4 class="header-title m-t-0 m-b-30">本次得分</h4>
                        <div class="widget-chart-1 am-cf">
                            <div id="widget-chart-box-2" style="height: 110px;width: 110px;float: left;display:none;">
                            </div>

                            <div class="widget-detail-1" style="float: right;">
                                <h2 class="p-t-10 m-b-0" style="font-size: 5.25em;"> 88 </h2>
                                <p class="text-muted">良好</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- col end -->
                <div class="am-u-md-3" style="float: left;">
                    <div class="card-box">
                        <h4 class="header-title m-t-0 m-b-30">教师评语</h4>
                        <div class="widget-box-2">
                            <div class="widget-detail-2">
                                <span class="badge  pull-left m-t-20  am-round progress-bar-pink" style="color: #fff;display: none;">32% <i
                                        class="zmdi zmdi-trending-up"></i> </span>
                                <h2 class="m-b-0"> 评语评语评语评语评语评语评语评语评语评语评语 </h2>
                                <p class="text-muted m-b-25">范丽英</p>
                            </div>
                            <div class="am-progress am-progress-xs am-margin-bottom-0"
                                 style="background: rgba(255, 138, 204, 0.2);display: none;">
                                <div class="am-progress-bar progress-bar-pink" style="width: 80%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Row end -->
            </div>

            <div class="am-g">
                <!-- Row start -->
                <div class="am-u-md-4">
                    <div class="card-box">
                        <h4 class="header-title m-t-0">错误分布</h4>
                        <div id="index-pie-1" style="height: 345px;height: 300px;"></div>
                    </div>
                </div>

                <div class="am-u-md-4">
                    <div class="card-box">
                        <h4 class="header-title m-t-0">近期成绩</h4>
                        <div id="index-bar-1" style="height: 345px;height: 300px;"></div>
                    </div>
                </div>

                <div class="am-u-md-4" style="display: none;">
                    <div class="card-box">
                        <h4 class="header-title m-t-0">最高最低分</h4>
                        <div id="index-line-1" style="height: 345px;height: 300px;"></div>
                    </div>
                </div>
                <!-- Row end -->
            </div>

            <!--<div class="am-g">-->
            <!--&lt;!&ndash; Row start &ndash;&gt;-->
            <!--<div class="am-u-md-3">-->
            <!--<div class="card-box widget-user">-->
            <!--<div>-->
            <!--<img src="assets/img/avatar-3.jpg" class="img-responsive img-circle" alt="user">-->
            <!--<div class="wid-u-info">-->
            <!--<h4 class="m-t-0 m-b-5 font-600">Chadengle</h4>-->
            <!--<p class="text-muted m-b-5 font-13">coderthemes@gmail.com</p>-->
            <!--<small class="text-warning"><b>管理员</b></small>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash; col end &ndash;&gt;-->
            <!--<div class="am-u-md-3">-->
            <!--<div class="card-box widget-user">-->
            <!--<div>-->
            <!--<img src="assets/img/avatar-2.jpg" class="img-responsive img-circle" alt="user">-->
            <!--<div class="wid-u-info">-->
            <!--<h4 class="m-t-0 m-b-5 font-600">Chadengle</h4>-->
            <!--<p class="text-muted m-b-5 font-13">coderthemes@gmail.com</p>-->
            <!--<small class="text-custom"><b>网络组主管</b></small>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash; col end &ndash;&gt;-->
            <!--<div class="am-u-md-3">-->
            <!--<div class="card-box widget-user">-->
            <!--<div>-->
            <!--<img src="assets/img/avatar-4.jpg" class="img-responsive img-circle" alt="user">-->
            <!--<div class="wid-u-info">-->
            <!--<h4 class="m-t-0 m-b-5 font-600">Chadengle</h4>-->
            <!--<p class="text-muted m-b-5 font-13">coderthemes@gmail.com</p>-->
            <!--<small class="text-success"><b>设计师</b></small>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash; col end &ndash;&gt;-->
            <!--<div class="am-u-md-3">-->
            <!--<div class="card-box widget-user">-->
            <!--<div>-->
            <!--<img src="assets/img/avatar-10.jpg" class="img-responsive img-circle" alt="user">-->
            <!--<div class="wid-u-info">-->
            <!--<h4 class="m-t-0 m-b-5 font-600">Chadengle</h4>-->
            <!--<p class="text-muted m-b-5 font-13">coderthemes@gmail.com</p>-->
            <!--<small class="text-info"><b>开发者</b></small>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash; col end &ndash;&gt;-->
            <!--&lt;!&ndash; Row end &ndash;&gt;-->
            <!--</div>-->


            <!-- Row start -->
            <div class="am-g" style="display: none;">
                <!-- col start -->
                <div class="am-u-md-4">
                    <div class="card-box">
                        <h4 class="header-title m-t-0 m-b-30">最近提交</h4>
                        <div class="inbox-widget nicescroll" style="height: 315px; overflow: hidden; outline: none;"
                             tabindex="5000">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-item-img"><img src="assets/img/avatar-1.jpg" class="img-circle"
                                                                     alt=""></div>
                                    <p class="inbox-item-author">方和煦</p>
                                    <p class="inbox-item-text">周五第三节作业</p>
                                    <p class="inbox-item-date">13:40 PM</p>
                                </div>
                            </a>
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-item-img"><img src="assets/img/avatar-2.jpg" class="img-circle"
                                                                     alt=""></div>
                                    <p class="inbox-item-author">孟殿青</p>
                                    <p class="inbox-item-text">周五第三节作业</p>
                                    <p class="inbox-item-date">13:43 PM</p>
                                </div>
                            </a>
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-item-img"><img src="assets/img/avatar-10.jpg" class="img-circle"
                                                                     alt=""></div>
                                    <p class="inbox-item-author">白根辉</p>
                                    <p class="inbox-item-text">周五第三节作业</p>
                                    <p class="inbox-item-date">13:47 PM</p>
                                </div>
                            </a>
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-item-img"><img src="assets/img/avatar-4.jpg" class="img-circle"
                                                                     alt=""></div>
                                    <p class="inbox-item-author">史瑞强</p>
                                    <p class="inbox-item-text">周五第三节作业</p>
                                    <p class="inbox-item-date">13:50 PM</p>
                                </div>
                            </a>
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-item-img"><img src="assets/img/avatar-5.jpg" class="img-circle"
                                                                     alt=""></div>
                                    <p class="inbox-item-author">阴斌斌</p>
                                    <p class="inbox-item-text">周五第三节作业</p>
                                    <p class="inbox-item-date">13:55 PM</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- col end -->

                <!-- col start -->
                <div class="am-u-md-8" style="display: none;">
                    <div class="card-box">
                        <h4 class="header-title m-t-0 m-b-30">其他作业</h4>
                        <div class="am-scrollable-horizontal am-text-ms" style="font-family: '微软雅黑';">
                            <table class="am-table   am-text-nowrap">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>课程名称</th>
                                    <th>时间</th>
                                    <th>提交数量</th>
                                    <th>状态</th>
                                    <th>教师</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>软件工程</td>
                                    <td>2019/3/28</td>
                                    <td>77</td>
                                    <td><span class="label label-danger">正在评分</span></td>
                                    <td>范丽英</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>算法导论</td>
                                    <td>2019/3/25</td>
                                    <td>61</td>
                                    <td><span class="label label-success">已完成</span></td>
                                    <td>祁华丽</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>算法导论</td>
                                    <td>2019/3/26</td>
                                    <td>62</td>
                                    <td><span class="label label-success">已完成</span></td>
                                    <td>祁华丽</td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                    <td>Java基础</td>
                                    <td>2019/3/23</td>
                                    <td>33</td>
                                    <td><span class="label label-success">已完成</span></td>
                                    </td>
                                    <td>肖远征</td>
                                </tr>
                                <tr>
                                    <td>5</td>
                                    <td>软件工程</td>
                                    <td>2019/3/18</td>
                                    <td>77</td>
                                    <td><span class="label label-success">已完成</span></td>
                                    <td>范丽英</td>
                                </tr>

                                <tr>
                                    <td>6</td>
                                    <td>Java基础</td>
                                    <td>2019/3/13</td>
                                    <td>63</td>
                                    <td><span class="label label-success">已完成</span></td>
                                    <td>肖远征</td>
                                </tr>

                                <tr>
                                    <td>7</td>
                                    <td>软件工程</td>
                                    <td>2019/3/12</td>
                                    <td>65</td>
                                    <td><span class="label label-success">已完成</span></td>
                                    <td>范丽英</td>
                                </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!-- col end -->
            </div>
            <!-- Row end -->


        </div>
    </div>
    <!-- end right Content here -->
    <!--</div>-->
</div>
</div>

<!-- navbar -->
<a href="admin-offcanvas" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu"
   data-am-offcanvas="{target: '#admin-offcanvas'}"><!--<i class="fa fa-bars" aria-hidden="true"></i>--></a>

<script type="text/javascript" src="assets/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="assets/js/app.js"></script>
<script type="text/javascript" src="assets/js/blockUI.js"></script>
<script type="text/javascript" src="assets/js/charts/echarts.min.js"></script>
<script type="text/javascript" src="assets/js/charts/indexChart2.js"></script>

</body>

</html>
